<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Login Admin</title>
        <link rel="stylesheet" href="../resources/css/screen.css" type="text/css" media="screen" title="default" />
        <!--  jquery core -->
        <script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>

        <!-- Custom jquery scripts -->
        <script src="js/jquery/custom_jquery.js" type="text/javascript"></script>

        <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
        <script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        $(document).pngFix( );
        });
        </script>
        <script type="text/javascript">
    function validate_required(field,alerttxt)
    {
        with (field)
        {
            if (value==null||value=="")
            {
                alert(alerttxt);
                return false;
            }
            else
            {
                return true;
            }
        }
    }
    function validate_form(thisform)
    {
        with (thisform)
        {
            if (validate_required(txtUserName,"UserName must be filled out!")==false)
            {txtUserName.focus();return false;}
            if (validate_required(txtPassword,"Password must be filled out!")==false)
            {txtPassword.focus();return false;}

        }
    }

        </script>
        <style type="text/css">
            <!--
            .style1 {
                font-size: 24px;
                color: #FFFFFF;
                font-weight: bold;
                font-family: Tahoma;
            }
            -->
        </style></h:head>
    <body id="login-bg">
        <f:view>
            <h:form>
                <!-- Start: login-holder -->
                <div id="login-holder">

                    <!-- start logo -->
                    <div id="logo">
                        <a href=""><img src="../resources/images/shared/admin_login.gif" width="478" height="189" alt="" /></a>	</div>
                    <!-- end logo -->

                    <div class="clear">
                        <div align="center"></div>
                    </div>

                    <!--  start loginbox ................................................................................. -->
                    <div id="loginbox">

                        <!--  start login-inner -->
                        <div id="login-inner">

                            <table border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                    <th>Username</th>
                                    <td><h:inputText id="username" value="#{adminBean.adm.userName}" styleClass="login-inp" required="true" requiredMessage="User name is not null"/>
                                        <h:messages for="username" style="font-size: smaller;font-weight: normal;color: red"/>
                                        
                                    </td>

                                </tr>
                                <tr>
                                    <th>Password</th>
                                    <td><h:inputSecret id="password" value="#{adminBean.adm.password}" styleClass="login-inp" required="true" requiredMessage="Password is not null"/>
                                        <h:messages for="password" style="font-size: smaller;font-weight: normal;color: red"/>
                                        <h:outputText id="display" value="#{adminBean.msg3}" style="font-size: smaller;font-weight: normal;color: red"/>
                                    </td>
                                </tr>
                                <tr>
                                    <th></th>
                                    <td valign="top"><input type="checkbox" class="checkbox-size" id="login-check" /><label for="login-check">Remember me</label></td>
                                </tr>
                                <tr>
                                    <th></th>
                                    <td>
                                        <h:commandButton value="Login" action="#{adminBean.loginUser}" styleClass="submit-login">
                                        </h:commandButton>
                                    </td>
                                </tr>
                            </table>

                        </div>
                        <!--  end login-inner -->
                        <div class="clear"></div>
                        <a href="" class="forgot-pwd">Forgot Password?</a>
                    </div>
                    <!--  end loginbox -->

                    <!--  start forgotbox ................................................................................... -->
                    <div id="forgotbox">
                        <div id="forgotbox-text">Please send us your email and we'll reset your password.</div>
                        <!--  start forgot-inner -->
                        <div id="forgot-inner">
                            <table border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                    <th>Email address:</th>
                                    <td><input type="text" value=""   class="login-inp" /></td>
                                </tr>
                                <tr>
                                    <th> </th>
                                    <td><input type="button" class="submit-login"  /></td>
                                </tr>
                            </table>
                        </div>
                        <!--  end forgot-inner -->
                        <div class="clear"></div>
                        <a href="" class="back-login">Back to login</a>
                    </div>
                    <!--  end forgotbox -->

                </div>
                <!-- End: login-holder -->
            </h:form>
        </f:view>
    </body>
</html>
